---
type: tutorial
title: Подготовьте вашу среду разработки
description: |-
  Учебное пособие: Создайте свой первый блог на Astro —
  Установите необходимые для работы программы на вашем компьютере
i18nReady: true
---
import Badge from '~/components/Badge.astro';
import Checklist from '~/components/Checklist.astro';
import Box from '~/components/tutorial/Box.astro';
import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
import Option from '~/components/tutorial/Option.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import { Steps } from '@astrojs/starlight/components';

<PreCheck>
 - Установить инструменты, которые вы будете использовать для создания вашего сайта на Astro.
</PreCheck>

## Получите нужные для разработки инструменты

### Терминал

Вы будете использовать **командную строку (терминал)** для создания вашего проекта Astro и выполнения ключевых команд для сборки, разработки и тестирования вашего сайта.

Вы можете получить доступ к командной строке через локальную программу для терминала вашей операционной системы. Распространенными приложениями являются **Terminal** (MacOS / Linux), **Command Prompt** (Windows) и **Termux** (Android). Одно из них, скорее всего, уже будет на вашем компьютере.

### Node.js

Для работы Astro на вашей системе вам также потребуется установить [**Node.js**](https://nodejs.org/ru/), версию `v18.14.1` или более позднюю.

Чтобы проверить, установлена ли на вашем компьютере совместимая версия, выполните следующую команду в терминале:

```sh
node -v

// Пример вывода
v18.14.1
```

Если команда возвращает номер версии выше, чем `v18.14.1`, вы готовы к работе!

Если команда возвращает сообщение об ошибке типа `Command 'node' not found` или номер версии ниже `v18.14.1`, то вам необходимо [установить совместимую версию Node.js](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm).

### Редактор кода

Кроме того, вам нужно будет скачать и установить **редактор кода** для написания вашего кода.

:::tip[Мы будем использовать...]
Это учебное пособие использует **VS Code**, но вы можете использовать любой редактор для вашей операционной системы.
:::

<Steps>
1. [Скачайте и установите VS Code](https://code.visualstudio.com/#alt-downloads) или другой редактор кода на ваш выбор.
</Steps>



<Box icon="question-mark">

### Проверьте свои знания

Какой из следующих вариантов...
1. Редактор кода, для внесения изменений в ваши файлы и их содержимое?

    <MultipleChoice>
      <Option>
        Веб-браузер
      </Option>
      <Option>
        Терминал
      </Option>
      <Option isCorrect>
        VS Code
      </Option>
    </MultipleChoice>

2. Онлайн-провайдер системы контроля версий для вашего репозитория?

    <MultipleChoice>
      <Option isCorrect>
        GitHub
      </Option>
      <Option>
        Терминал
      </Option>
      <Option>
        VS Code
      </Option>
    </MultipleChoice>

3. Приложение для выполнения команд?
    <MultipleChoice>
      <Option>
        GitHub
      </Option>
      <Option isCorrect>
        Терминал
      </Option>
      <Option>
        Веб-браузер
      </Option>
    </MultipleChoice>

</Box>

<Box icon="check-list">
## Чек-лист для продолжения

<Checklist>
- [ ] Я могу получить доступ к командной строке в терминале.
- [ ] У меня установлен Node.js.
- [ ] У меня есть редактор кода, например, VS Code.
</Checklist>
</Box>


### Ресурсы

- <p>[FreeCodeCamp.org](https://freecodecamp.org) <Badge>внешняя ссылка</Badge> — бесплатный образовательный сайт с полными курсами или быстрым обновлением знаний по HTML, CSS, JS и многому другому.</p>